<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>
        title
    </title>
    <meta name="description" content="">
    <link rel="stylesheet" href="css/app.css">
    <style>
        .dropdown {
            position: relative;
        }

        .dropdown:hover .dropdown-menu {
            display: block;
            position: absolute;
            top: 20px;
            padding: 15px 24px;
            width: 150px;
            border-radius: 8px;
        }
    </style>
</head>

<body class=" bg-gray-100 antialiased">

    <div>

        <nav x-data="{ open: false }" class="sticky top-0 z-10 border-b border-gray-300 bg-gray-50 ">

            <div class="px-4 mx-auto sm:px-6 md:px-8 max-w-8xl">
                <div class="flex justify-between h-16">
                    <div class="flex items-center shrink-0">
                        <a href="index.html" aria-label="PromptVine Logo">
                            LOGO

                            <div class="hidden sm:block">
                                <a href="#" data-splitbee-event="Submit Navbar"
                                    class="inline-flex items-center justify-center px-2 py-1 ml-4 text-base font-medium text-white transition duration-300 rounded-md shadow hover:opacity-90 bg-primary-500">
                                    Submit
                                </a>
                            </div>
                    </div>


                    <div class="hidden space-x-6 md:hidden lg:flex sm:items-center sm:ml-6">
                        <a class="inline-flex items-center text-lg font-medium leading-5 transition duration-300 text-gray-600 hover:text-gray-900"
                            href="prompts/chatgpt.html">
                            Prompts
                        </a>
                        <a class="inline-flex items-center text-lg font-medium leading-5 transition duration-300 text-gray-600 hover:text-gray-900"
                            href="products/chatgpt.html">
                            Products
                        </a>
                        <div class="inline-flex items-center dropdown">
                            <a class="text-lg font-medium leading-5 transition duration-300 text-gray-600 hover:text-gray-900 "
                                href="blog.html" data-splitbee-event="Blog Navbar">
                                Blog22

                            </a>
                            <div class="dropdown-menu bg-white hidden shadow">
                                <ul class="block w-full">
                                    <li class="py-1"><a
                                            class="block text-purple-500 font-bold text-base uppercase hover:text-purple-700 cursor-pointer">Item</a>
                                    </li>
                                    <li class="py-1"><a
                                            class="block text-purple-500 font-bold text-base uppercase hover:text-purple-700 cursor-pointer">Item
                                            2</a></li>
                                    <li class="py-1"><a
                                            class="block text-purple-500 font-bold text-base uppercase hover:text-purple-700 cursor-pointer">Item
                                            3</a></li>
                                    <li class="py-1"><a
                                            class="block text-purple-500 font-bold text-base uppercase hover:text-purple-700 cursor-pointer">Item
                                            4</a></li>
                                    <li class="py-1"><a
                                            class="block text-purple-500 font-bold text-base uppercase hover:text-purple-700 cursor-pointer">Item
                                            5</a></li>
                                </ul>
                            </div>
                        </div>



                        <a href="#" data-splitbee-event="Navbar Button"
                            class="inline-flex hover:opacity-90 text-white justify-center items-center text-white  text-base font-medium px-4 py-2 rounded-md shadow hover:opacity-90 transition duration-300 bg-gray-900">
                            Get started
                        </a>
                    </div>

                    <div class="flex items-center -mr-2 md:flex lg:hidden">
                        <button aria-label="Menu" @click="open = ! open"
                            class="inline-flex items-center justify-center p-2 text-gray-400 transition duration-150 ease-in-out rounded-md hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500">
                            <svg class="w-6 h-6" stroke="currentColor" fill="none" viewBox="0 0 24 24">
                                <path :class="{'hidden': open, 'inline-flex': ! open }" class="inline-flex"
                                    stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                                    d="M4 6h16M4 12h16M4 18h16" />
                                <path :class="{'hidden': ! open, 'inline-flex': open }" class="hidden"
                                    stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                                    d="M6 18L18 6M6 6l12 12" />
                            </svg>
                        </button>
                    </div>
                </div>

                <div :class="{'block': open, 'hidden': ! open}" class="hidden">
                    <div class="px-3 pt-6 pb-4 mb-3 bg-white border border-gray-200 rounded">
                        <a href="#"
                            class="inline-flex items-center justify-center w-full px-2 py-1 mb-4 text-base font-medium text-white transition duration-300 rounded-md shadow hover:opacity-90 bg-primary-500">
                            Submit a prompt
                        </a>
                        <div class="flex flex-col space-y-4">
                            <a class="inline-flex items-center text-lg font-medium leading-5 transition duration-300 text-gray-600 hover:text-gray-900"
                                href="prompts/chatgpt.html">
                                Prompts
                            </a>
                            <a class="inline-flex items-center text-lg font-medium leading-5 transition duration-300 text-gray-600 hover:text-gray-900"
                                href="products/chatgpt.html">
                                Products
                            </a>
                            <a class="inline-flex items-center text-lg font-medium leading-5 transition duration-300 text-gray-600 hover:text-gray-900 dropdown"
                                href="blog.html">
                                Blog
                                <div class="dropdown-menu absolute hidden h-auto flex p-4">
                                    <ul class="block w-full bg-white shadow px-12 py-8">
                                        <li class="py-1"><a
                                                class="block text-purple-500 font-bold text-base uppercase hover:text-purple-700 cursor-pointer">Item</a>
                                        </li>
                                        <li class="py-1"><a
                                                class="block text-purple-500 font-bold text-base uppercase hover:text-purple-700 cursor-pointer">Item
                                                2</a></li>
                                        <li class="py-1"><a
                                                class="block text-purple-500 font-bold text-base uppercase hover:text-purple-700 cursor-pointer">Item
                                                3</a></li>
                                        <li class="py-1"><a
                                                class="block text-purple-500 font-bold text-base uppercase hover:text-purple-700 cursor-pointer">Item
                                                4</a></li>
                                        <li class="py-1"><a
                                                class="block text-purple-500 font-bold text-base uppercase hover:text-purple-700 cursor-pointer">Item
                                                5</a></li>
                                    </ul>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </nav>

        <div wire:id="Ki3d1jrQoLEdBBHeui82"
            wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;Ki3d1jrQoLEdBBHeui82&quot;,&quot;name&quot;:&quot;marketing.home&quot;,&quot;locale&quot;:&quot;en&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[]},&quot;serverMemo&quot;:{&quot;children&quot;:{&quot;prompt-item-98b9a139-f6d9-436e-aba5-79a4a9d242ef&quot;:{&quot;id&quot;:&quot;DwaUvEaPKPbhdqvjjMxG&quot;,&quot;tag&quot;:&quot;div&quot;},&quot;prompt-item-98b9a139-6e73-4667-ad2c-824f4c159d8c&quot;:{&quot;id&quot;:&quot;d2gT2E08x26ETkRLa5i4&quot;,&quot;tag&quot;:&quot;div&quot;},&quot;prompt-item-98b9a138-e47b-4abd-b867-5d35829363c7&quot;:{&quot;id&quot;:&quot;FapJs1VrgNSCbgvAXlIb&quot;,&quot;tag&quot;:&quot;div&quot;},&quot;prompt-item-98d6dfb4-5f15-434c-b61a-9c438e8044f8&quot;:{&quot;id&quot;:&quot;mPNoIviNwIfyQNon5I8z&quot;,&quot;tag&quot;:&quot;div&quot;},&quot;prompt-item-98b9a138-f480-4d61-911a-57b447f188ad&quot;:{&quot;id&quot;:&quot;WAGh0wR2t2GXsAhc8rQ9&quot;,&quot;tag&quot;:&quot;div&quot;},&quot;prompt-item-98bbd942-fc3b-457f-8083-a2d00ebdcad1&quot;:{&quot;id&quot;:&quot;wKXQfqTB6b4L1XLaKrTL&quot;,&quot;tag&quot;:&quot;div&quot;},&quot;prompt-item-98d68916-1c85-424a-a454-4f5921cdbb6c&quot;:{&quot;id&quot;:&quot;M5aoSBkDdHk0zx9vSfes&quot;,&quot;tag&quot;:&quot;div&quot;},&quot;prompt-item-98c1d169-e4c2-451a-a4f3-e4281d2625a3&quot;:{&quot;id&quot;:&quot;PK740i4gCarB6vjGLo9Q&quot;,&quot;tag&quot;:&quot;div&quot;},&quot;prompt-item-98c2b2be-b693-4946-9f40-597fa93d893c&quot;:{&quot;id&quot;:&quot;F4sXS0TX5LcGUa8NjYza&quot;,&quot;tag&quot;:&quot;div&quot;},&quot;prompt-item-98b9a139-c2fb-4345-b222-23641ac6a234&quot;:{&quot;id&quot;:&quot;1IEsFvZQ8PXCAKEP1qmr&quot;,&quot;tag&quot;:&quot;div&quot;},&quot;prompt-item-98c927c6-5ed6-4e73-bc71-73ba97a95fbd&quot;:{&quot;id&quot;:&quot;dGZxAGiKdtM6XQ9AAqwb&quot;,&quot;tag&quot;:&quot;div&quot;},&quot;prompt-item-98cbf441-2eeb-494e-9a92-fbaa2458a077&quot;:{&quot;id&quot;:&quot;bDBTezS4BlFgqNUSfgdG&quot;,&quot;tag&quot;:&quot;div&quot;},&quot;prompt-item-98b9a138-ff80-404c-8743-759756b8e6c5&quot;:{&quot;id&quot;:&quot;5SIbMpVnfa8Pl6qBT75n&quot;,&quot;tag&quot;:&quot;div&quot;},&quot;prompt-item-98b9a138-6029-483c-9eda-967901a9e763&quot;:{&quot;id&quot;:&quot;yqZvtHD4EMSp7kRQi3sH&quot;,&quot;tag&quot;:&quot;div&quot;},&quot;prompt-item-98b9a139-8232-47de-bb62-7c5567ee9ebe&quot;:{&quot;id&quot;:&quot;3zGo7OYk9TF8Sfqb2WNr&quot;,&quot;tag&quot;:&quot;div&quot;},&quot;prompt-item-98da4d64-825c-4989-b46c-3f80ad7884bd&quot;:{&quot;id&quot;:&quot;xjDtyv5jp6XWEfjrZ5gR&quot;,&quot;tag&quot;:&quot;div&quot;},&quot;prompt-item-98c42f43-8a83-4bad-bfdb-d3d99493f2c7&quot;:{&quot;id&quot;:&quot;TYIrHWTcv5htNGCa7RHz&quot;,&quot;tag&quot;:&quot;div&quot;},&quot;prompt-item-98c7dc9a-ac54-442e-8c32-b9b57d0c9df8&quot;:{&quot;id&quot;:&quot;AAdr4ThZUlBGOwvFzDav&quot;,&quot;tag&quot;:&quot;div&quot;}},&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;c32b5e55&quot;,&quot;data&quot;:{&quot;prompt&quot;:[],&quot;topPrompts&quot;:[],&quot;categories&quot;:[],&quot;professions&quot;:[],&quot;allCategories&quot;:[],&quot;allProfessions&quot;:[],&quot;products&quot;:[]},&quot;dataMeta&quot;:{&quot;models&quot;:{&quot;prompt&quot;:{&quot;class&quot;:&quot;App\\Models\\Prompt&quot;,&quot;id&quot;:&quot;98b9a138-4b0d-42f2-a0cc-69bae0b4a290&quot;,&quot;relations&quot;:[],&quot;connection&quot;:&quot;mysql&quot;,&quot;collectionClass&quot;:null}},&quot;modelCollections&quot;:{&quot;topPrompts&quot;:{&quot;class&quot;:&quot;App\\Models\\Prompt&quot;,&quot;id&quot;:[&quot;98b9a139-f6d9-436e-aba5-79a4a9d242ef&quot;,&quot;98b9a139-6e73-4667-ad2c-824f4c159d8c&quot;,&quot;98b9a138-e47b-4abd-b867-5d35829363c7&quot;],&quot;relations&quot;:[&quot;category&quot;],&quot;connection&quot;:&quot;mysql&quot;,&quot;collectionClass&quot;:null},&quot;categories&quot;:{&quot;class&quot;:&quot;App\\Models\\Category&quot;,&quot;id&quot;:[&quot;98b9a0f4-20bf-4301-b6be-550b5c8cb040&quot;,&quot;98b9a0f4-2bd0-41f0-8de2-c58475bcdeb5&quot;,&quot;98b9a0f4-2dcc-4734-be81-e8203d04fcb2&quot;,&quot;98b9a0f4-2f74-4546-adc7-cd7e9d44891b&quot;,&quot;98b9a0f4-32b7-40bb-a648-965b1e8fc8dd&quot;,&quot;98b9a0f4-34dc-4fd7-9903-cd8ff196a056&quot;],&quot;relations&quot;:[&quot;prompts&quot;],&quot;connection&quot;:&quot;mysql&quot;,&quot;collectionClass&quot;:null},&quot;professions&quot;:{&quot;class&quot;:&quot;Spatie\\Tags\\Tag&quot;,&quot;id&quot;:[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40],&quot;relations&quot;:[],&quot;connection&quot;:&quot;mysql&quot;,&quot;collectionClass&quot;:null},&quot;allCategories&quot;:{&quot;class&quot;:&quot;App\\Models\\Category&quot;,&quot;id&quot;:[&quot;98b9a0f4-20bf-4301-b6be-550b5c8cb040&quot;,&quot;98b9a0f4-2bd0-41f0-8de2-c58475bcdeb5&quot;,&quot;98b9a0f4-2dcc-4734-be81-e8203d04fcb2&quot;,&quot;98b9a0f4-2f74-4546-adc7-cd7e9d44891b&quot;,&quot;98b9a0f4-32b7-40bb-a648-965b1e8fc8dd&quot;,&quot;98b9a0f4-34dc-4fd7-9903-cd8ff196a056&quot;,&quot;98b9a0f4-36c7-4e5a-830c-4a50ab599639&quot;,&quot;98b9a0f4-38a4-4ea0-a864-8ed3debbbf79&quot;,&quot;98b9a0f4-3a75-454f-b341-dd7610407937&quot;,&quot;98b9a0f4-3d01-408d-ba2f-854fb2213f72&quot;,&quot;98b9a0f4-3eb9-4199-93a4-9591aa1a6039&quot;,&quot;98b9a0f4-4077-49ed-a93f-8c5ae18b36ad&quot;,&quot;98b9a0f4-42ae-4ae2-a4e4-a8ca87231fc0&quot;,&quot;98b9a0f4-449c-4573-a11d-f75b64133bb0&quot;,&quot;98b9a0f4-4680-4701-9969-ffcb1076b09a&quot;,&quot;98b9a0f4-487a-438e-bd02-27194d7c3bcc&quot;,&quot;98b9a0f4-4a50-4c17-923c-3458bc1406eb&quot;,&quot;98b9a0f4-4bd5-4622-8793-97738273be11&quot;,&quot;98b9a0f4-4db5-4c47-91b4-b143ae0a1f0b&quot;,&quot;98b9a0f4-4f83-4cb3-96ad-21d2ec58fa4d&quot;,&quot;98b9a0f4-524d-4aeb-9969-5137505de68f&quot;,&quot;98b9a0f4-540b-4e72-8682-3057653cc297&quot;,&quot;98b9a0f4-5623-4c59-bc0e-efa016e0cfb6&quot;,&quot;98b9a0f4-5816-43ec-bd2b-916dc79028b8&quot;,&quot;98b9a0f4-5a4a-4625-9ba2-b861af4d6057&quot;,&quot;98b9a0f4-5c33-402a-b565-32d9ed83dae8&quot;,&quot;98b9a0f4-5e07-4608-9eea-9d613bb59444&quot;,&quot;98b9a0f4-5fc6-4124-bc1c-59da2ca409be&quot;,&quot;98b9a0f4-6217-456a-92bd-793b42eb0d80&quot;,&quot;98b9a0f4-643d-44cd-98bb-7919598937c8&quot;,&quot;98b9a0f4-6620-404f-b650-05cdc7b8b890&quot;,&quot;98b9a0f4-6828-4539-a29b-855d91e3e6e7&quot;,&quot;98b9a0f4-6a0c-44c8-887e-453d8f14e683&quot;,&quot;98b9a0f4-6bc5-479f-ab9a-5ce21781d94a&quot;,&quot;98b9a0f4-6d81-4bcc-9706-af9e97ab5da0&quot;,&quot;98b9a0f4-6f2e-4a31-b6fa-0e4267651cb6&quot;,&quot;98b9a0f4-7256-4f35-8dfe-290fcf11a6c0&quot;,&quot;98b9a0f4-740a-4908-a506-723e0318d563&quot;,&quot;98b9a0f4-75d4-4d4a-bf95-b2f5d0a53e56&quot;,&quot;98b9a0f4-779f-4d6c-b690-2c1e20437fad&quot;,&quot;98b9a0f4-794e-47f6-801b-1520cad7fbe9&quot;,&quot;98b9a0f4-7b07-422b-bfd1-ff8bf213e7f1&quot;,&quot;98b9a0f4-7d02-4c30-bcd7-aac89dc9195f&quot;,&quot;98b9a0f4-7ead-4103-a70a-a591e279bd50&quot;,&quot;98b9a0f4-8074-41af-9950-0f5bc1c00107&quot;,&quot;98b9a0f4-8224-49b9-baeb-fdbdc4613278&quot;,&quot;98b9a0f4-847d-4954-88d9-8d76678b0c30&quot;],&quot;relations&quot;:[],&quot;connection&quot;:&quot;mysql&quot;,&quot;collectionClass&quot;:null},&quot;allProfessions&quot;:{&quot;class&quot;:&quot;Spatie\\Tags\\Tag&quot;,&quot;id&quot;:[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40],&quot;relations&quot;:[],&quot;connection&quot;:&quot;mysql&quot;,&quot;collectionClass&quot;:null},&quot;products&quot;:{&quot;class&quot;:&quot;App\\Models\\Product&quot;,&quot;id&quot;:[&quot;98b9a143-d9ae-41d4-afc3-df7716cc5ca3&quot;,&quot;98b9a143-eb14-4036-895d-65f3aa8c72f9&quot;,&quot;98b9a143-e928-4d88-add9-22513ed87ee1&quot;,&quot;98b9a143-e6dc-4e28-93e6-7fe6bae512f7&quot;,&quot;98b9a143-e4b6-42a3-93a6-3118723e9cb1&quot;,&quot;98b9a143-e27a-4329-94a7-cc1bea9ebd79&quot;,&quot;98b9a143-e05b-440a-bab4-db3002ee9a4c&quot;,&quot;98b9a143-de35-4841-95d5-55dd7c44d8e7&quot;,&quot;98b9a143-dbf7-432e-b681-c7bda62500d8&quot;,&quot;98b9a143-c4bb-43da-8ad3-edaefa45c9e2&quot;,&quot;98b9a143-d797-43cd-a982-e8c34aa7fb6c&quot;,&quot;98b9a143-d516-49f4-8112-6f4a74fd1217&quot;],&quot;relations&quot;:[&quot;category&quot;],&quot;connection&quot;:&quot;mysql&quot;,&quot;collectionClass&quot;:null}}},&quot;checksum&quot;:&quot;9fc8c972ca12b14c46519f7fe8f469ddfc13f8e9302ba5fc59ee7ac384f75f3e&quot;}}"
            class="">
            <section class="bg-gray-100">
                <div class="px-4 pt-24 pb-24 mx-auto sm:px-6 md:px-8 max-w-8xl">
                    <div class="relative flex flex-wrap items-center justify-between">
                        <div class="w-full mx-auto text-center md:w-6/12 lg:w-6/12 xl:w-6/12">
                            <h1 class="text-4xl font-bold text-gray-900 xl:text-5xl lg:text-5xl md:text-5xl"
                                style="line-height: 1.4em;">
                                Discover the Collection of best ChatGPT Prompts, Products, and Resources
                            </h1>
                            <p class="mt-4 text-base font-normal text-gray-600">
                                Effectively use the power of ChatGPT and Bing AI with useful prompts to turn boring
                                conversations into engaging ones.
                            </p>
                            <div class="flex items-center justify-center space-x-4 space-y-4">
                                <a href="prompts/chatgpt.html"
                                    class="inline-block px-4 py-3 mt-4 text-lg text-white bg-gray-700 rounded-lg hover:opacity-90">
                                    Discover Prompts
                                </a>
                                <a href="submit.html"
                                    class="inline-block px-4 py-3 mt-4 text-lg text-white rounded-lg bg-primary-500 hover:opacity-90">
                                    Submit a prompt
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

            <section class="bg-gray-100">

                <div
                    class="relative flex flex-col justify-center px-4 pt-24 pb-12 mx-auto sm:flex-row sm:px-6 md:px-8 max-w-8xl">

                    <div class="flex-grow">
                        <div class="">
                            <div class="">
                                <h2 class="inline-flex text-2xl font-semibold text-gray-900 group"
                                    style="line-height: 1.4em;">
                                    <a href="prompts/chatgpt.html" class="group-hover:text-primary-500">
                                        Best ChatGPT Prompts
                                        <span class="ml-2 text-sm font-semibold text-primary-500">
                                            View all
                                        </span>
                                    </a>
                                </h2>
                                <p class="mt-2 text-sm font-normal text-gray-600">
                                    Discover the best ChatGPT, Bing AI, GPT-3, Bard, and GPT-4 prompts to make your
                                    conversations more engaging.
                                </p>
                            </div>
                            <div class="grid grid-cols-1 gap-8 mt-6 lg:grid-cols-3 md:grid-cols-2">
                                <div wire:id="DwaUvEaPKPbhdqvjjMxG"
                                    wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;DwaUvEaPKPbhdqvjjMxG&quot;,&quot;name&quot;:&quot;elements.prompt-card&quot;,&quot;locale&quot;:&quot;en&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[&quot;confirmDelete&quot;]},&quot;serverMemo&quot;:{&quot;children&quot;:[],&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;c6e5d341&quot;,&quot;data&quot;:{&quot;prompt&quot;:[],&quot;isUpvotedBy&quot;:null,&quot;isDownvotedBy&quot;:null,&quot;isBookmarkedBy&quot;:null,&quot;trim&quot;:true},&quot;dataMeta&quot;:{&quot;models&quot;:{&quot;prompt&quot;:{&quot;class&quot;:&quot;App\\Models\\Prompt&quot;,&quot;id&quot;:&quot;98b9a139-f6d9-436e-aba5-79a4a9d242ef&quot;,&quot;relations&quot;:[&quot;category&quot;],&quot;connection&quot;:&quot;mysql&quot;,&quot;collectionClass&quot;:null}}},&quot;checksum&quot;:&quot;1dea06f95d10479693668fe37363ec6ac485eb5ec260ed4bc18e3b440e2ef058&quot;}}">
                                    <div class="col-span-1 p-6 bg-white border border-gray-300 rounded-lg shadow-sm">
                                        <div class="relative flex-auto"
                                            id="prompt-98b9a139-f6d9-436e-aba5-79a4a9d242ef">

                                            <div class="flex items-center">
                                                <a href="prompts/chatgpt.html"
                                                    class="text-sm font-medium text-gray-500 hover:text-primary-500">
                                                    💻 Coding and Programming
                                                </a>

                                            </div>

                                            <h3
                                                class="mt-2 text-base font-bold text-gray-700 uppercase hover:text-primary-500">
                                                <a href="prompts/chatgpt.html" class="">
                                                    Act as a Web Browser
                                                </a>
                                            </h3>
                                            <p class="mt-2 text-base text-gray-600 select-all">
                                                I want you to act as a text based web browser browsing an imaginary
                                                internet. You should only reply with the contents of the page, nothing
                                                else. I will enter a...
                                            </p>

                                            <a class="mt-2 text-sm text-gray-500" target="_blank" rel="noreferrer"
                                                href="#">Source</a>

                                            <div class="flex items-center justify-between mt-4">
                                                <div class="flex items-center">
                                                    <div class="flex items-center">
                                                        <button
                                                            class="p-2 mr-2 transition duration-300 rounded-full hover:bg-primary-50 hover:text-primary-500 vote-btn text-gray-700"
                                                            data-action="upvote"
                                                            data-prompt-id="98b9a139-f6d9-436e-aba5-79a4a9d242ef">
                                                            <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg"
                                                                fill="none" viewBox="0 0 24 24" stroke-width="2"
                                                                stroke="currentColor" aria-hidden="true">
                                                                <path stroke-linecap="round" stroke-linejoin="round"
                                                                    d="M5 10l7-7m0 0l7 7m-7-7v18" />
                                                            </svg> </button>
                                                        <p class="mr-2 font-semibold text-gray-700 vote-count">
                                                            6
                                                        </p>
                                                        <button
                                                            class="p-2 transition duration-300 rounded-full hover:bg-red-50 hover:text-red-500 vote-btn text-gray-700"
                                                            data-action="downvote"
                                                            data-prompt-id="98b9a139-f6d9-436e-aba5-79a4a9d242ef"
                                                            professions>
                                                            <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg"
                                                                fill="none" viewBox="0 0 24 24" stroke-width="2"
                                                                stroke="currentColor" aria-hidden="true">
                                                                <path stroke-linecap="round" stroke-linejoin="round"
                                                                    d="M19 14l-7 7m0 0l-7-7m7 7V3" />
                                                            </svg> </button>
                                                    </div>

                                                    <div class="ml-4">
                                                        <button
                                                            class="p-2 transition duration-300 rounded-full hover:bg-blue-50 hover:text-blue-500 bookmark-btn text-gray-700"
                                                            data-prompt-id="98b9a139-f6d9-436e-aba5-79a4a9d242ef">
                                                            <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg"
                                                                fill="none" viewBox="0 0 24 24" stroke-width="2"
                                                                stroke="currentColor" aria-hidden="true">
                                                                <path stroke-linecap="round" stroke-linejoin="round"
                                                                    d="M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z" />
                                                            </svg> </button>
                                                    </div>

                                                    <div class="ml-4">
                                                        <a href="prompts/chatgpt.html"
                                                            class="flex items-center p-2 mr-2 text-gray-700 transition duration-300 rounded-full hover:bg-blue-50 hover:text-blue-500">
                                                            <svg class="w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg"
                                                                fill="none" viewBox="0 0 24 24" stroke-width="2"
                                                                stroke="currentColor" aria-hidden="true">
                                                                <path stroke-linecap="round" stroke-linejoin="round"
                                                                    d="M17 8h2a2 2 0 012 2v6a2 2 0 01-2 2h-2v4l-4-4H9a1.994 1.994 0 01-1.414-.586m0 0L11 14h4a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2v4l.586-.586z" />
                                                            </svg> 1
                                                        </a>
                                                    </div>
                                                </div>

                                                <div class="flex items-center ml-4">


                                                    <div class="relative mt-2" x-data="{ social: false }">
                                                        <span title="Share"
                                                            class="inline-block text-gray-500 cursor-pointer hover:text-gray-700"
                                                            @click="social = !social">
                                                            <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg"
                                                                fill="none" viewBox="0 0 24 24" stroke-width="2"
                                                                stroke="currentColor" aria-hidden="true">
                                                                <path stroke-linecap="round" stroke-linejoin="round"
                                                                    d="M8.684 13.342C8.886 12.938 9 12.482 9 12c0-.482-.114-.938-.316-1.342m0 2.684a3 3 0 110-2.684m0 2.684l6.632 3.316m-6.632-6l6.632-3.316m0 0a3 3 0 105.367-2.684 3 3 0 00-5.367 2.684zm0 9.316a3 3 0 105.368 2.684 3 3 0 00-5.368-2.684z" />
                                                            </svg> </span>
                                                        <div style="display: none;" x-show="social"
                                                            @click.away="social = false"
                                                            class="absolute right-0 z-50 grid w-auto grid-flow-col px-4 pt-4 pb-2 bg-gray-800 rounded-md shadow">
                                                            <a target="_blank" rel="noopener" title="Share on Twitter"
                                                                href="#"
                                                                class="inline-flex items-center p-2 w-8 h-8 mr-3 mb-2 text-sm font-normal hover:-translate-y-1 transition duration-300 text-white rounded-full bg-[#00acee]">

                                                                <svg class="w-4 h-4" viewBox="0 0 24 24">
                                                                    <path fill="currentColor"
                                                                        d="M22.46,6C21.69,6.35 20.86,6.58 20,6.69C20.88,6.16 21.56,5.32 21.88,4.31C21.05,4.81 20.13,5.16 19.16,5.36C18.37,4.5 17.26,4 16,4C13.65,4 11.73,5.92 11.73,8.29C11.73,8.63 11.77,8.96 11.84,9.27C8.28,9.09 5.11,7.38 3,4.79C2.63,5.42 2.42,6.16 2.42,6.94C2.42,8.43 3.17,9.75 4.33,10.5C3.62,10.5 2.96,10.3 2.38,10C2.38,10 2.38,10 2.38,10.03C2.38,12.11 3.86,13.85 5.82,14.24C5.46,14.34 5.08,14.39 4.69,14.39C4.42,14.39 4.15,14.36 3.89,14.31C4.43,16 6,17.26 7.89,17.29C6.43,18.45 4.58,19.13 2.56,19.13C2.22,19.13 1.88,19.11 1.54,19.07C3.44,20.29 5.7,21 8.12,21C16,21 20.33,14.46 20.33,8.79C20.33,8.6 20.33,8.42 20.32,8.23C21.16,7.63 21.88,6.87 22.46,6Z" />
                                                                </svg> </a>





                                                            <a target="_blank" rel="noopener" title="Share on LinkedIn"
                                                                href="#"
                                                                class="inline-flex items-center p-2 w-8 h-8 mr-3 mb-2 text-sm font-normal hover:-translate-y-1 transition duration-300 text-white bg-[#2867b2] rounded-full">

                                                                <svg class="w-4 h-4" viewBox="0 0 24 24">
                                                                    <path fill="currentColor"
                                                                        d="M19 3A2 2 0 0 1 21 5V19A2 2 0 0 1 19 21H5A2 2 0 0 1 3 19V5A2 2 0 0 1 5 3H19M18.5 18.5V13.2A3.26 3.26 0 0 0 15.24 9.94C14.39 9.94 13.4 10.46 12.92 11.24V10.13H10.13V18.5H12.92V13.57C12.92 12.8 13.54 12.17 14.31 12.17A1.4 1.4 0 0 1 15.71 13.57V18.5H18.5M6.88 8.56A1.68 1.68 0 0 0 8.56 6.88C8.56 5.95 7.81 5.19 6.88 5.19A1.69 1.69 0 0 0 5.19 6.88C5.19 7.81 5.95 8.56 6.88 8.56M8.27 18.5V10.13H5.5V18.5H8.27Z" />
                                                                </svg> </a>
                                                            <a target="_blank" rel="noopener" title="Share on Reddit"
                                                                href="#"
                                                                class="inline-flex items-center p-2 w-8 h-8 mr-3 mb-2 text-sm font-normal hover:-translate-y-1 transition duration-300 text-white rounded-full bg-[#ff4301]">
                                                                <svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg"
                                                                    xmlns:xlink="http://www.w3.org/1999/xlink"
                                                                    aria-hidden="true" role="img"
                                                                    preserveAspectRatio="xMidYMid meet"
                                                                    viewBox="0 0 100 100">
                                                                    <path
                                                                        d="M94.762 48.994c0-5.688-4.63-10.314-10.315-10.314c-2.463 0-4.767.901-6.626 2.477c-.06.037-.122.072-.181.11c-6.707-4.291-15.601-7.031-25.439-7.403l5.872-16.698l14.656 3.504c.012 4.633 3.781 8.4 8.42 8.4c4.642 0 8.422-3.777 8.422-8.421c0-4.646-3.78-8.423-8.422-8.423c-3.529 0-6.544 2.182-7.794 5.26l-17.364-4.15l-7.211 20.49c-10.259.193-19.556 2.969-26.513 7.404c-1.873-1.625-4.21-2.551-6.718-2.551c-5.687 0-10.31 4.627-10.31 10.314c0 3.518 1.815 6.768 4.756 8.66a18.114 18.114 0 0 0-.293 3.123c0 14.886 18.043 26.997 40.219 26.997c22.18 0 40.224-12.111 40.224-26.997a18.14 18.14 0 0 0-.272-3.035c3.02-1.878 4.889-5.175 4.889-8.747zM63.598 62.347a6.333 6.333 0 0 1-6.334-6.338a6.337 6.337 0 1 1 6.334 6.338zm1.261 10.806c-.19.194-4.733 4.821-15.009 4.821c-10.333 0-14.463-4.689-14.636-4.891a1.623 1.623 0 0 1 .178-2.283a1.63 1.63 0 0 1 2.278.166c.092.104 3.54 3.771 12.18 3.771c8.784 0 12.639-3.798 12.68-3.835a1.62 1.62 0 0 1 2.329 2.251zm-34.05-17.144a6.337 6.337 0 1 1 12.672.006a6.337 6.337 0 0 1-12.672-.006z"
                                                                        fill="currentColor" />
                                                                </svg> </a>
                                                            <a target="_blank" rel="noopener" title="Share on Facebook"
                                                                href="#"
                                                                class="inline-flex items-center bg-[#3b5998] p-2 w-8 h-8 mr-3 mb-2 text-sm hover:-translate-y-1 transition duration-300 font-normal text-white rounded-full">

                                                                <svg class="w-4 h-4" viewBox="0 0 24 24">
                                                                    <path fill="currentColor"
                                                                        d="M12 2.04C6.5 2.04 2 6.53 2 12.06C2 17.06 5.66 21.21 10.44 21.96V14.96H7.9V12.06H10.44V9.85C10.44 7.34 11.93 5.96 14.22 5.96C15.31 5.96 16.45 6.15 16.45 6.15V8.62H15.19C13.95 8.62 13.56 9.39 13.56 10.18V12.06H16.34L15.89 14.96H13.56V21.96A10 10 0 0 0 22 12.06C22 6.53 17.5 2.04 12 2.04Z" />
                                                                </svg> </a>

                                                            <button type="button" title="Copy to clipboard"
                                                                class="inline-flex items-center bg-[#e6e6e6] p-2 w-8 h-8 mb-2 text-sm font-normal hover:-translate-y-1 transition duration-300 text-slate-800 rounded-full btn-copy"
                                                                data-clipboard-text="#">
                                                                <svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg"
                                                                    fill="none" viewBox="0 0 24 24" stroke-width="2"
                                                                    stroke="currentColor" aria-hidden="true">
                                                                    <path stroke-linecap="round" stroke-linejoin="round"
                                                                        d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2" />
                                                                </svg> </button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div wire:id="DwaUvEaPKPbhdqvjjMxG"
                                    wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;DwaUvEaPKPbhdqvjjMxG&quot;,&quot;name&quot;:&quot;elements.prompt-card&quot;,&quot;locale&quot;:&quot;en&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[&quot;confirmDelete&quot;]},&quot;serverMemo&quot;:{&quot;children&quot;:[],&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;c6e5d341&quot;,&quot;data&quot;:{&quot;prompt&quot;:[],&quot;isUpvotedBy&quot;:null,&quot;isDownvotedBy&quot;:null,&quot;isBookmarkedBy&quot;:null,&quot;trim&quot;:true},&quot;dataMeta&quot;:{&quot;models&quot;:{&quot;prompt&quot;:{&quot;class&quot;:&quot;App\\Models\\Prompt&quot;,&quot;id&quot;:&quot;98b9a139-f6d9-436e-aba5-79a4a9d242ef&quot;,&quot;relations&quot;:[&quot;category&quot;],&quot;connection&quot;:&quot;mysql&quot;,&quot;collectionClass&quot;:null}}},&quot;checksum&quot;:&quot;1dea06f95d10479693668fe37363ec6ac485eb5ec260ed4bc18e3b440e2ef058&quot;}}">
                                    <div class="col-span-1 p-6 bg-white border border-gray-300 rounded-lg shadow-sm">
                                        <div class="relative flex-auto"
                                            id="prompt-98b9a139-f6d9-436e-aba5-79a4a9d242ef">

                                            <div class="flex items-center">
                                                <a href="prompts/chatgpt.html"
                                                    class="text-sm font-medium text-gray-500 hover:text-primary-500">
                                                    💻 Coding and Programming
                                                </a>

                                            </div>

                                            <h3
                                                class="mt-2 text-base font-bold text-gray-700 uppercase hover:text-primary-500">
                                                <a href="prompts/chatgpt.html" class="">
                                                    Act as a Web Browser
                                                </a>
                                            </h3>
                                            <p class="mt-2 text-base text-gray-600 select-all">
                                                I want you to act as a text based web browser browsing an imaginary
                                                internet. You should only reply with the contents of the page, nothing
                                                else. I will enter a...
                                            </p>

                                            <a class="mt-2 text-sm text-gray-500" target="_blank" rel="noreferrer"
                                                href="#">Source</a>

                                            <div class="flex items-center justify-between mt-4">
                                                <div class="flex items-center">
                                                    <div class="flex items-center">
                                                        <button
                                                            class="p-2 mr-2 transition duration-300 rounded-full hover:bg-primary-50 hover:text-primary-500 vote-btn text-gray-700"
                                                            data-action="upvote"
                                                            data-prompt-id="98b9a139-f6d9-436e-aba5-79a4a9d242ef">
                                                            <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg"
                                                                fill="none" viewBox="0 0 24 24" stroke-width="2"
                                                                stroke="currentColor" aria-hidden="true">
                                                                <path stroke-linecap="round" stroke-linejoin="round"
                                                                    d="M5 10l7-7m0 0l7 7m-7-7v18" />
                                                            </svg> </button>
                                                        <p class="mr-2 font-semibold text-gray-700 vote-count">
                                                            6
                                                        </p>
                                                        <button
                                                            class="p-2 transition duration-300 rounded-full hover:bg-red-50 hover:text-red-500 vote-btn text-gray-700"
                                                            data-action="downvote"
                                                            data-prompt-id="98b9a139-f6d9-436e-aba5-79a4a9d242ef"
                                                            professions>
                                                            <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg"
                                                                fill="none" viewBox="0 0 24 24" stroke-width="2"
                                                                stroke="currentColor" aria-hidden="true">
                                                                <path stroke-linecap="round" stroke-linejoin="round"
                                                                    d="M19 14l-7 7m0 0l-7-7m7 7V3" />
                                                            </svg> </button>
                                                    </div>

                                                    <div class="ml-4">
                                                        <button
                                                            class="p-2 transition duration-300 rounded-full hover:bg-blue-50 hover:text-blue-500 bookmark-btn text-gray-700"
                                                            data-prompt-id="98b9a139-f6d9-436e-aba5-79a4a9d242ef">
                                                            <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg"
                                                                fill="none" viewBox="0 0 24 24" stroke-width="2"
                                                                stroke="currentColor" aria-hidden="true">
                                                                <path stroke-linecap="round" stroke-linejoin="round"
                                                                    d="M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z" />
                                                            </svg> </button>
                                                    </div>

                                                    <div class="ml-4">
                                                        <a href="prompts/chatgpt.html"
                                                            class="flex items-center p-2 mr-2 text-gray-700 transition duration-300 rounded-full hover:bg-blue-50 hover:text-blue-500">
                                                            <svg class="w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg"
                                                                fill="none" viewBox="0 0 24 24" stroke-width="2"
                                                                stroke="currentColor" aria-hidden="true">
                                                                <path stroke-linecap="round" stroke-linejoin="round"
                                                                    d="M17 8h2a2 2 0 012 2v6a2 2 0 01-2 2h-2v4l-4-4H9a1.994 1.994 0 01-1.414-.586m0 0L11 14h4a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2v4l.586-.586z" />
                                                            </svg> 1
                                                        </a>
                                                    </div>
                                                </div>

                                                <div class="flex items-center ml-4">


                                                    <div class="relative mt-2" x-data="{ social: false }">
                                                        <span title="Share"
                                                            class="inline-block text-gray-500 cursor-pointer hover:text-gray-700"
                                                            @click="social = !social">
                                                            <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg"
                                                                fill="none" viewBox="0 0 24 24" stroke-width="2"
                                                                stroke="currentColor" aria-hidden="true">
                                                                <path stroke-linecap="round" stroke-linejoin="round"
                                                                    d="M8.684 13.342C8.886 12.938 9 12.482 9 12c0-.482-.114-.938-.316-1.342m0 2.684a3 3 0 110-2.684m0 2.684l6.632 3.316m-6.632-6l6.632-3.316m0 0a3 3 0 105.367-2.684 3 3 0 00-5.367 2.684zm0 9.316a3 3 0 105.368 2.684 3 3 0 00-5.368-2.684z" />
                                                            </svg> </span>
                                                        <div style="display: none;" x-show="social"
                                                            @click.away="social = false"
                                                            class="absolute right-0 z-50 grid w-auto grid-flow-col px-4 pt-4 pb-2 bg-gray-800 rounded-md shadow">
                                                            <a target="_blank" rel="noopener" title="Share on Twitter"
                                                                href="#"
                                                                class="inline-flex items-center p-2 w-8 h-8 mr-3 mb-2 text-sm font-normal hover:-translate-y-1 transition duration-300 text-white rounded-full bg-[#00acee]">

                                                                <svg class="w-4 h-4" viewBox="0 0 24 24">
                                                                    <path fill="currentColor"
                                                                        d="M22.46,6C21.69,6.35 20.86,6.58 20,6.69C20.88,6.16 21.56,5.32 21.88,4.31C21.05,4.81 20.13,5.16 19.16,5.36C18.37,4.5 17.26,4 16,4C13.65,4 11.73,5.92 11.73,8.29C11.73,8.63 11.77,8.96 11.84,9.27C8.28,9.09 5.11,7.38 3,4.79C2.63,5.42 2.42,6.16 2.42,6.94C2.42,8.43 3.17,9.75 4.33,10.5C3.62,10.5 2.96,10.3 2.38,10C2.38,10 2.38,10 2.38,10.03C2.38,12.11 3.86,13.85 5.82,14.24C5.46,14.34 5.08,14.39 4.69,14.39C4.42,14.39 4.15,14.36 3.89,14.31C4.43,16 6,17.26 7.89,17.29C6.43,18.45 4.58,19.13 2.56,19.13C2.22,19.13 1.88,19.11 1.54,19.07C3.44,20.29 5.7,21 8.12,21C16,21 20.33,14.46 20.33,8.79C20.33,8.6 20.33,8.42 20.32,8.23C21.16,7.63 21.88,6.87 22.46,6Z" />
                                                                </svg> </a>





                                                            <a target="_blank" rel="noopener" title="Share on LinkedIn"
                                                                href="#"
                                                                class="inline-flex items-center p-2 w-8 h-8 mr-3 mb-2 text-sm font-normal hover:-translate-y-1 transition duration-300 text-white bg-[#2867b2] rounded-full">

                                                                <svg class="w-4 h-4" viewBox="0 0 24 24">
                                                                    <path fill="currentColor"
                                                                        d="M19 3A2 2 0 0 1 21 5V19A2 2 0 0 1 19 21H5A2 2 0 0 1 3 19V5A2 2 0 0 1 5 3H19M18.5 18.5V13.2A3.26 3.26 0 0 0 15.24 9.94C14.39 9.94 13.4 10.46 12.92 11.24V10.13H10.13V18.5H12.92V13.57C12.92 12.8 13.54 12.17 14.31 12.17A1.4 1.4 0 0 1 15.71 13.57V18.5H18.5M6.88 8.56A1.68 1.68 0 0 0 8.56 6.88C8.56 5.95 7.81 5.19 6.88 5.19A1.69 1.69 0 0 0 5.19 6.88C5.19 7.81 5.95 8.56 6.88 8.56M8.27 18.5V10.13H5.5V18.5H8.27Z" />
                                                                </svg> </a>
                                                            <a target="_blank" rel="noopener" title="Share on Reddit"
                                                                href="#"
                                                                class="inline-flex items-center p-2 w-8 h-8 mr-3 mb-2 text-sm font-normal hover:-translate-y-1 transition duration-300 text-white rounded-full bg-[#ff4301]">
                                                                <svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg"
                                                                    xmlns:xlink="http://www.w3.org/1999/xlink"
                                                                    aria-hidden="true" role="img"
                                                                    preserveAspectRatio="xMidYMid meet"
                                                                    viewBox="0 0 100 100">
                                                                    <path
                                                                        d="M94.762 48.994c0-5.688-4.63-10.314-10.315-10.314c-2.463 0-4.767.901-6.626 2.477c-.06.037-.122.072-.181.11c-6.707-4.291-15.601-7.031-25.439-7.403l5.872-16.698l14.656 3.504c.012 4.633 3.781 8.4 8.42 8.4c4.642 0 8.422-3.777 8.422-8.421c0-4.646-3.78-8.423-8.422-8.423c-3.529 0-6.544 2.182-7.794 5.26l-17.364-4.15l-7.211 20.49c-10.259.193-19.556 2.969-26.513 7.404c-1.873-1.625-4.21-2.551-6.718-2.551c-5.687 0-10.31 4.627-10.31 10.314c0 3.518 1.815 6.768 4.756 8.66a18.114 18.114 0 0 0-.293 3.123c0 14.886 18.043 26.997 40.219 26.997c22.18 0 40.224-12.111 40.224-26.997a18.14 18.14 0 0 0-.272-3.035c3.02-1.878 4.889-5.175 4.889-8.747zM63.598 62.347a6.333 6.333 0 0 1-6.334-6.338a6.337 6.337 0 1 1 6.334 6.338zm1.261 10.806c-.19.194-4.733 4.821-15.009 4.821c-10.333 0-14.463-4.689-14.636-4.891a1.623 1.623 0 0 1 .178-2.283a1.63 1.63 0 0 1 2.278.166c.092.104 3.54 3.771 12.18 3.771c8.784 0 12.639-3.798 12.68-3.835a1.62 1.62 0 0 1 2.329 2.251zm-34.05-17.144a6.337 6.337 0 1 1 12.672.006a6.337 6.337 0 0 1-12.672-.006z"
                                                                        fill="currentColor" />
                                                                </svg> </a>
                                                            <a target="_blank" rel="noopener" title="Share on Facebook"
                                                                href="#"
                                                                class="inline-flex items-center bg-[#3b5998] p-2 w-8 h-8 mr-3 mb-2 text-sm hover:-translate-y-1 transition duration-300 font-normal text-white rounded-full">

                                                                <svg class="w-4 h-4" viewBox="0 0 24 24">
                                                                    <path fill="currentColor"
                                                                        d="M12 2.04C6.5 2.04 2 6.53 2 12.06C2 17.06 5.66 21.21 10.44 21.96V14.96H7.9V12.06H10.44V9.85C10.44 7.34 11.93 5.96 14.22 5.96C15.31 5.96 16.45 6.15 16.45 6.15V8.62H15.19C13.95 8.62 13.56 9.39 13.56 10.18V12.06H16.34L15.89 14.96H13.56V21.96A10 10 0 0 0 22 12.06C22 6.53 17.5 2.04 12 2.04Z" />
                                                                </svg> </a>

                                                            <button type="button" title="Copy to clipboard"
                                                                class="inline-flex items-center bg-[#e6e6e6] p-2 w-8 h-8 mb-2 text-sm font-normal hover:-translate-y-1 transition duration-300 text-slate-800 rounded-full btn-copy"
                                                                data-clipboard-text="#">
                                                                <svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg"
                                                                    fill="none" viewBox="0 0 24 24" stroke-width="2"
                                                                    stroke="currentColor" aria-hidden="true">
                                                                    <path stroke-linecap="round" stroke-linejoin="round"
                                                                        d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2" />
                                                                </svg> </button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div wire:id="DwaUvEaPKPbhdqvjjMxG"
                                    wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;DwaUvEaPKPbhdqvjjMxG&quot;,&quot;name&quot;:&quot;elements.prompt-card&quot;,&quot;locale&quot;:&quot;en&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[&quot;confirmDelete&quot;]},&quot;serverMemo&quot;:{&quot;children&quot;:[],&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;c6e5d341&quot;,&quot;data&quot;:{&quot;prompt&quot;:[],&quot;isUpvotedBy&quot;:null,&quot;isDownvotedBy&quot;:null,&quot;isBookmarkedBy&quot;:null,&quot;trim&quot;:true},&quot;dataMeta&quot;:{&quot;models&quot;:{&quot;prompt&quot;:{&quot;class&quot;:&quot;App\\Models\\Prompt&quot;,&quot;id&quot;:&quot;98b9a139-f6d9-436e-aba5-79a4a9d242ef&quot;,&quot;relations&quot;:[&quot;category&quot;],&quot;connection&quot;:&quot;mysql&quot;,&quot;collectionClass&quot;:null}}},&quot;checksum&quot;:&quot;1dea06f95d10479693668fe37363ec6ac485eb5ec260ed4bc18e3b440e2ef058&quot;}}">
                                    <div class="col-span-1 p-6 bg-white border border-gray-300 rounded-lg shadow-sm">
                                        <div class="relative flex-auto"
                                            id="prompt-98b9a139-f6d9-436e-aba5-79a4a9d242ef">

                                            <div class="flex items-center">
                                                <a href="prompts/chatgpt.html"
                                                    class="text-sm font-medium text-gray-500 hover:text-primary-500">
                                                    💻 Coding and Programming
                                                </a>

                                            </div>

                                            <h3
                                                class="mt-2 text-base font-bold text-gray-700 uppercase hover:text-primary-500">
                                                <a href="prompts/chatgpt.html" class="">
                                                    Act as a Web Browser
                                                </a>
                                            </h3>
                                            <p class="mt-2 text-base text-gray-600 select-all">
                                                I want you to act as a text based web browser browsing an imaginary
                                                internet. You should only reply with the contents of the page, nothing
                                                else. I will enter a...
                                            </p>

                                            <a class="mt-2 text-sm text-gray-500" target="_blank" rel="noreferrer"
                                                href="#">Source</a>

                                            <div class="flex items-center justify-between mt-4">
                                                <div class="flex items-center">
                                                    <div class="flex items-center">
                                                        <button
                                                            class="p-2 mr-2 transition duration-300 rounded-full hover:bg-primary-50 hover:text-primary-500 vote-btn text-gray-700"
                                                            data-action="upvote"
                                                            data-prompt-id="98b9a139-f6d9-436e-aba5-79a4a9d242ef">
                                                            <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg"
                                                                fill="none" viewBox="0 0 24 24" stroke-width="2"
                                                                stroke="currentColor" aria-hidden="true">
                                                                <path stroke-linecap="round" stroke-linejoin="round"
                                                                    d="M5 10l7-7m0 0l7 7m-7-7v18" />
                                                            </svg> </button>
                                                        <p class="mr-2 font-semibold text-gray-700 vote-count">
                                                            6
                                                        </p>
                                                        <button
                                                            class="p-2 transition duration-300 rounded-full hover:bg-red-50 hover:text-red-500 vote-btn text-gray-700"
                                                            data-action="downvote"
                                                            data-prompt-id="98b9a139-f6d9-436e-aba5-79a4a9d242ef"
                                                            professions>
                                                            <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg"
                                                                fill="none" viewBox="0 0 24 24" stroke-width="2"
                                                                stroke="currentColor" aria-hidden="true">
                                                                <path stroke-linecap="round" stroke-linejoin="round"
                                                                    d="M19 14l-7 7m0 0l-7-7m7 7V3" />
                                                            </svg> </button>
                                                    </div>

                                                    <div class="ml-4">
                                                        <button
                                                            class="p-2 transition duration-300 rounded-full hover:bg-blue-50 hover:text-blue-500 bookmark-btn text-gray-700"
                                                            data-prompt-id="98b9a139-f6d9-436e-aba5-79a4a9d242ef">
                                                            <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg"
                                                                fill="none" viewBox="0 0 24 24" stroke-width="2"
                                                                stroke="currentColor" aria-hidden="true">
                                                                <path stroke-linecap="round" stroke-linejoin="round"
                                                                    d="M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z" />
                                                            </svg> </button>
                                                    </div>

                                                    <div class="ml-4">
                                                        <a href="prompts/chatgpt.html"
                                                            class="flex items-center p-2 mr-2 text-gray-700 transition duration-300 rounded-full hover:bg-blue-50 hover:text-blue-500">
                                                            <svg class="w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg"
                                                                fill="none" viewBox="0 0 24 24" stroke-width="2"
                                                                stroke="currentColor" aria-hidden="true">
                                                                <path stroke-linecap="round" stroke-linejoin="round"
                                                                    d="M17 8h2a2 2 0 012 2v6a2 2 0 01-2 2h-2v4l-4-4H9a1.994 1.994 0 01-1.414-.586m0 0L11 14h4a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2v4l.586-.586z" />
                                                            </svg> 1
                                                        </a>
                                                    </div>
                                                </div>

                                                <div class="flex items-center ml-4">


                                                    <div class="relative mt-2" x-data="{ social: false }">
                                                        <span title="Share"
                                                            class="inline-block text-gray-500 cursor-pointer hover:text-gray-700"
                                                            @click="social = !social">
                                                            <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg"
                                                                fill="none" viewBox="0 0 24 24" stroke-width="2"
                                                                stroke="currentColor" aria-hidden="true">
                                                                <path stroke-linecap="round" stroke-linejoin="round"
                                                                    d="M8.684 13.342C8.886 12.938 9 12.482 9 12c0-.482-.114-.938-.316-1.342m0 2.684a3 3 0 110-2.684m0 2.684l6.632 3.316m-6.632-6l6.632-3.316m0 0a3 3 0 105.367-2.684 3 3 0 00-5.367 2.684zm0 9.316a3 3 0 105.368 2.684 3 3 0 00-5.368-2.684z" />
                                                            </svg> </span>
                                                        <div style="display: none;" x-show="social"
                                                            @click.away="social = false"
                                                            class="absolute right-0 z-50 grid w-auto grid-flow-col px-4 pt-4 pb-2 bg-gray-800 rounded-md shadow">
                                                            <a target="_blank" rel="noopener" title="Share on Twitter"
                                                                href="#"
                                                                class="inline-flex items-center p-2 w-8 h-8 mr-3 mb-2 text-sm font-normal hover:-translate-y-1 transition duration-300 text-white rounded-full bg-[#00acee]">

                                                                <svg class="w-4 h-4" viewBox="0 0 24 24">
                                                                    <path fill="currentColor"
                                                                        d="M22.46,6C21.69,6.35 20.86,6.58 20,6.69C20.88,6.16 21.56,5.32 21.88,4.31C21.05,4.81 20.13,5.16 19.16,5.36C18.37,4.5 17.26,4 16,4C13.65,4 11.73,5.92 11.73,8.29C11.73,8.63 11.77,8.96 11.84,9.27C8.28,9.09 5.11,7.38 3,4.79C2.63,5.42 2.42,6.16 2.42,6.94C2.42,8.43 3.17,9.75 4.33,10.5C3.62,10.5 2.96,10.3 2.38,10C2.38,10 2.38,10 2.38,10.03C2.38,12.11 3.86,13.85 5.82,14.24C5.46,14.34 5.08,14.39 4.69,14.39C4.42,14.39 4.15,14.36 3.89,14.31C4.43,16 6,17.26 7.89,17.29C6.43,18.45 4.58,19.13 2.56,19.13C2.22,19.13 1.88,19.11 1.54,19.07C3.44,20.29 5.7,21 8.12,21C16,21 20.33,14.46 20.33,8.79C20.33,8.6 20.33,8.42 20.32,8.23C21.16,7.63 21.88,6.87 22.46,6Z" />
                                                                </svg> </a>





                                                            <a target="_blank" rel="noopener" title="Share on LinkedIn"
                                                                href="#"
                                                                class="inline-flex items-center p-2 w-8 h-8 mr-3 mb-2 text-sm font-normal hover:-translate-y-1 transition duration-300 text-white bg-[#2867b2] rounded-full">

                                                                <svg class="w-4 h-4" viewBox="0 0 24 24">
                                                                    <path fill="currentColor"
                                                                        d="M19 3A2 2 0 0 1 21 5V19A2 2 0 0 1 19 21H5A2 2 0 0 1 3 19V5A2 2 0 0 1 5 3H19M18.5 18.5V13.2A3.26 3.26 0 0 0 15.24 9.94C14.39 9.94 13.4 10.46 12.92 11.24V10.13H10.13V18.5H12.92V13.57C12.92 12.8 13.54 12.17 14.31 12.17A1.4 1.4 0 0 1 15.71 13.57V18.5H18.5M6.88 8.56A1.68 1.68 0 0 0 8.56 6.88C8.56 5.95 7.81 5.19 6.88 5.19A1.69 1.69 0 0 0 5.19 6.88C5.19 7.81 5.95 8.56 6.88 8.56M8.27 18.5V10.13H5.5V18.5H8.27Z" />
                                                                </svg> </a>
                                                            <a target="_blank" rel="noopener" title="Share on Reddit"
                                                                href="#"
                                                                class="inline-flex items-center p-2 w-8 h-8 mr-3 mb-2 text-sm font-normal hover:-translate-y-1 transition duration-300 text-white rounded-full bg-[#ff4301]">
                                                                <svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg"
                                                                    xmlns:xlink="http://www.w3.org/1999/xlink"
                                                                    aria-hidden="true" role="img"
                                                                    preserveAspectRatio="xMidYMid meet"
                                                                    viewBox="0 0 100 100">
                                                                    <path
                                                                        d="M94.762 48.994c0-5.688-4.63-10.314-10.315-10.314c-2.463 0-4.767.901-6.626 2.477c-.06.037-.122.072-.181.11c-6.707-4.291-15.601-7.031-25.439-7.403l5.872-16.698l14.656 3.504c.012 4.633 3.781 8.4 8.42 8.4c4.642 0 8.422-3.777 8.422-8.421c0-4.646-3.78-8.423-8.422-8.423c-3.529 0-6.544 2.182-7.794 5.26l-17.364-4.15l-7.211 20.49c-10.259.193-19.556 2.969-26.513 7.404c-1.873-1.625-4.21-2.551-6.718-2.551c-5.687 0-10.31 4.627-10.31 10.314c0 3.518 1.815 6.768 4.756 8.66a18.114 18.114 0 0 0-.293 3.123c0 14.886 18.043 26.997 40.219 26.997c22.18 0 40.224-12.111 40.224-26.997a18.14 18.14 0 0 0-.272-3.035c3.02-1.878 4.889-5.175 4.889-8.747zM63.598 62.347a6.333 6.333 0 0 1-6.334-6.338a6.337 6.337 0 1 1 6.334 6.338zm1.261 10.806c-.19.194-4.733 4.821-15.009 4.821c-10.333 0-14.463-4.689-14.636-4.891a1.623 1.623 0 0 1 .178-2.283a1.63 1.63 0 0 1 2.278.166c.092.104 3.54 3.771 12.18 3.771c8.784 0 12.639-3.798 12.68-3.835a1.62 1.62 0 0 1 2.329 2.251zm-34.05-17.144a6.337 6.337 0 1 1 12.672.006a6.337 6.337 0 0 1-12.672-.006z"
                                                                        fill="currentColor" />
                                                                </svg> </a>
                                                            <a target="_blank" rel="noopener" title="Share on Facebook"
                                                                href="#"
                                                                class="inline-flex items-center bg-[#3b5998] p-2 w-8 h-8 mr-3 mb-2 text-sm hover:-translate-y-1 transition duration-300 font-normal text-white rounded-full">

                                                                <svg class="w-4 h-4" viewBox="0 0 24 24">
                                                                    <path fill="currentColor"
                                                                        d="M12 2.04C6.5 2.04 2 6.53 2 12.06C2 17.06 5.66 21.21 10.44 21.96V14.96H7.9V12.06H10.44V9.85C10.44 7.34 11.93 5.96 14.22 5.96C15.31 5.96 16.45 6.15 16.45 6.15V8.62H15.19C13.95 8.62 13.56 9.39 13.56 10.18V12.06H16.34L15.89 14.96H13.56V21.96A10 10 0 0 0 22 12.06C22 6.53 17.5 2.04 12 2.04Z" />
                                                                </svg> </a>

                                                            <button type="button" title="Copy to clipboard"
                                                                class="inline-flex items-center bg-[#e6e6e6] p-2 w-8 h-8 mb-2 text-sm font-normal hover:-translate-y-1 transition duration-300 text-slate-800 rounded-full btn-copy"
                                                                data-clipboard-text="#">
                                                                <svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg"
                                                                    fill="none" viewBox="0 0 24 24" stroke-width="2"
                                                                    stroke="currentColor" aria-hidden="true">
                                                                    <path stroke-linecap="round" stroke-linejoin="round"
                                                                        d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2" />
                                                                </svg> </button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>

            </section>

            <section class="bg-gray-100">
                <div class="px-4 pt-8 pb-24 mx-auto sm:px-6 md:px-8 max-w-8xl">
                    <div class="w-full">
                        <h2 class="text-4xl font-bold text-gray-900 xl:text-4xl lg:text-4xl md:text-4xl"
                            style="line-height: 1.4em;">
                            View all prompt categories
                        </h2>
                        <p class="mt-4 text-base font-normal text-gray-600">

                        </p>

                        <div class="grid grid-cols-1 gap-6 mt-4 lg:grid-cols-4 md:grid-cols-3">
                            <a href="prompts/detail.html"
                                class="col-span-1 p-4 bg-white border border-gray-300 rounded-xl group">
                                <h3
                                    class="text-xl font-semibold text-gray-900 transition duration-300 group-hover:text-primary-500">
                                    🐕‍🦺 Animals &amp; Pets
                                </h3>
                                <p class="mt-2 text-sm text-gray-500 line-clamp-2">
                                    This category focuses on AI chat prompts related to the care, behavior, and
                                    well-being of animals and pets. From acting as a pet behaviorist to a veterinarian,
                                    these prompts allow users to explore various aspects of animal care and interact
                                    with an AI that can provide helpful advice and support. Whether you have a furry
                                    friend or just love animals, these prompts offer a fun and informative way to engage
                                    with the topic of animals and pets
                                </p>
                            </a>
                            <a href="prompts/detail.html"
                                class="col-span-1 p-4 bg-white border border-gray-300 rounded-xl group">
                                <h3
                                    class="text-xl font-semibold text-gray-900 transition duration-300 group-hover:text-primary-500">
                                    🐕‍🦺 Animals &amp; Pets
                                </h3>
                                <p class="mt-2 text-sm text-gray-500 line-clamp-2">
                                    This category focuses on AI chat prompts related to the care, behavior, and
                                    well-being of animals and pets. From acting as a pet behaviorist to a veterinarian,
                                    these prompts allow users to explore various aspects of animal care and interact
                                    with an AI that can provide helpful advice and support. Whether you have a furry
                                    friend or just love animals, these prompts offer a fun and informative way to engage
                                    with the topic of animals and pets
                                </p>
                            </a>
                            <a href="prompts/detail.html"
                                class="col-span-1 p-4 bg-white border border-gray-300 rounded-xl group">
                                <h3
                                    class="text-xl font-semibold text-gray-900 transition duration-300 group-hover:text-primary-500">
                                    🐕‍🦺 Animals &amp; Pets
                                </h3>
                                <p class="mt-2 text-sm text-gray-500 line-clamp-2">
                                    This category focuses on AI chat prompts related to the care, behavior, and
                                    well-being of animals and pets. From acting as a pet behaviorist to a veterinarian,
                                    these prompts allow users to explore various aspects of animal care and interact
                                    with an AI that can provide helpful advice and support. Whether you have a furry
                                    friend or just love animals, these prompts offer a fun and informative way to engage
                                    with the topic of animals and pets
                                </p>
                            </a>
                            <a href="prompts/detail.html"
                                class="col-span-1 p-4 bg-white border border-gray-300 rounded-xl group">
                                <h3
                                    class="text-xl font-semibold text-gray-900 transition duration-300 group-hover:text-primary-500">
                                    🐕‍🦺 Animals &amp; Pets
                                </h3>
                                <p class="mt-2 text-sm text-gray-500 line-clamp-2">
                                    This category focuses on AI chat prompts related to the care, behavior, and
                                    well-being of animals and pets. From acting as a pet behaviorist to a veterinarian,
                                    these prompts allow users to explore various aspects of animal care and interact
                                    with an AI that can provide helpful advice and support. Whether you have a furry
                                    friend or just love animals, these prompts offer a fun and informative way to engage
                                    with the topic of animals and pets
                                </p>
                            </a>
                            <a href="prompts/detail.html"
                                class="col-span-1 p-4 bg-white border border-gray-300 rounded-xl group">
                                <h3
                                    class="text-xl font-semibold text-gray-900 transition duration-300 group-hover:text-primary-500">
                                    🐕‍🦺 Animals &amp; Pets
                                </h3>
                                <p class="mt-2 text-sm text-gray-500 line-clamp-2">
                                    This category focuses on AI chat prompts related to the care, behavior, and
                                    well-being of animals and pets. From acting as a pet behaviorist to a veterinarian,
                                    these prompts allow users to explore various aspects of animal care and interact
                                    with an AI that can provide helpful advice and support. Whether you have a furry
                                    friend or just love animals, these prompts offer a fun and informative way to engage
                                    with the topic of animals and pets
                                </p>
                            </a>
                            <a href="prompts/detail.html"
                                class="col-span-1 p-4 bg-white border border-gray-300 rounded-xl group">
                                <h3
                                    class="text-xl font-semibold text-gray-900 transition duration-300 group-hover:text-primary-500">
                                    🐕‍🦺 Animals &amp; Pets
                                </h3>
                                <p class="mt-2 text-sm text-gray-500 line-clamp-2">
                                    This category focuses on AI chat prompts related to the care, behavior, and
                                    well-being of animals and pets. From acting as a pet behaviorist to a veterinarian,
                                    these prompts allow users to explore various aspects of animal care and interact
                                    with an AI that can provide helpful advice and support. Whether you have a furry
                                    friend or just love animals, these prompts offer a fun and informative way to engage
                                    with the topic of animals and pets
                                </p>
                            </a>
                            <a href="prompts/detail.html"
                                class="col-span-1 p-4 bg-white border border-gray-300 rounded-xl group">
                                <h3
                                    class="text-xl font-semibold text-gray-900 transition duration-300 group-hover:text-primary-500">
                                    🐕‍🦺 Animals &amp; Pets
                                </h3>
                                <p class="mt-2 text-sm text-gray-500 line-clamp-2">
                                    This category focuses on AI chat prompts related to the care, behavior, and
                                    well-being of animals and pets. From acting as a pet behaviorist to a veterinarian,
                                    these prompts allow users to explore various aspects of animal care and interact
                                    with an AI that can provide helpful advice and support. Whether you have a furry
                                    friend or just love animals, these prompts offer a fun and informative way to engage
                                    with the topic of animals and pets
                                </p>
                            </a>
                            <a href="prompts/detail.html"
                                class="col-span-1 p-4 bg-white border border-gray-300 rounded-xl group">
                                <h3
                                    class="text-xl font-semibold text-gray-900 transition duration-300 group-hover:text-primary-500">
                                    🐕‍🦺 Animals &amp; Pets
                                </h3>
                                <p class="mt-2 text-sm text-gray-500 line-clamp-2">
                                    This category focuses on AI chat prompts related to the care, behavior, and
                                    well-being of animals and pets. From acting as a pet behaviorist to a veterinarian,
                                    these prompts allow users to explore various aspects of animal care and interact
                                    with an AI that can provide helpful advice and support. Whether you have a furry
                                    friend or just love animals, these prompts offer a fun and informative way to engage
                                    with the topic of animals and pets
                                </p>
                            </a>
                            <a href="prompts/detail.html"
                                class="col-span-1 p-4 bg-white border border-gray-300 rounded-xl group">
                                <h3
                                    class="text-xl font-semibold text-gray-900 transition duration-300 group-hover:text-primary-500">
                                    🐕‍🦺 Animals &amp; Pets
                                </h3>
                                <p class="mt-2 text-sm text-gray-500 line-clamp-2">
                                    This category focuses on AI chat prompts related to the care, behavior, and
                                    well-being of animals and pets. From acting as a pet behaviorist to a veterinarian,
                                    these prompts allow users to explore various aspects of animal care and interact
                                    with an AI that can provide helpful advice and support. Whether you have a furry
                                    friend or just love animals, these prompts offer a fun and informative way to engage
                                    with the topic of animals and pets
                                </p>
                            </a>
                            <a href="prompts/detail.html"
                                class="col-span-1 p-4 bg-white border border-gray-300 rounded-xl group">
                                <h3
                                    class="text-xl font-semibold text-gray-900 transition duration-300 group-hover:text-primary-500">
                                    🐕‍🦺 Animals &amp; Pets
                                </h3>
                                <p class="mt-2 text-sm text-gray-500 line-clamp-2">
                                    This category focuses on AI chat prompts related to the care, behavior, and
                                    well-being of animals and pets. From acting as a pet behaviorist to a veterinarian,
                                    these prompts allow users to explore various aspects of animal care and interact
                                    with an AI that can provide helpful advice and support. Whether you have a furry
                                    friend or just love animals, these prompts offer a fun and informative way to engage
                                    with the topic of animals and pets
                                </p>
                            </a>
                            <a href="prompts/detail.html"
                                class="col-span-1 p-4 bg-white border border-gray-300 rounded-xl group">
                                <h3
                                    class="text-xl font-semibold text-gray-900 transition duration-300 group-hover:text-primary-500">
                                    🐕‍🦺 Animals &amp; Pets
                                </h3>
                                <p class="mt-2 text-sm text-gray-500 line-clamp-2">
                                    This category focuses on AI chat prompts related to the care, behavior, and
                                    well-being of animals and pets. From acting as a pet behaviorist to a veterinarian,
                                    these prompts allow users to explore various aspects of animal care and interact
                                    with an AI that can provide helpful advice and support. Whether you have a furry
                                    friend or just love animals, these prompts offer a fun and informative way to engage
                                    with the topic of animals and pets
                                </p>
                            </a>
                            <a href="prompts/detail.html"
                                class="col-span-1 p-4 bg-white border border-gray-300 rounded-xl group">
                                <h3
                                    class="text-xl font-semibold text-gray-900 transition duration-300 group-hover:text-primary-500">
                                    🐕‍🦺 Animals &amp; Pets
                                </h3>
                                <p class="mt-2 text-sm text-gray-500 line-clamp-2">
                                    This category focuses on AI chat prompts related to the care, behavior, and
                                    well-being of animals and pets. From acting as a pet behaviorist to a veterinarian,
                                    these prompts allow users to explore various aspects of animal care and interact
                                    with an AI that can provide helpful advice and support. Whether you have a furry
                                    friend or just love animals, these prompts offer a fun and informative way to engage
                                    with the topic of animals and pets
                                </p>
                            </a>
                        </div>
                    </div>
                </div>
            </section>

            <section class="bg-gray-100">
                <div class="px-4 pt-8 pb-24 mx-auto sm:px-6 md:px-8 max-w-8xl">
                    <div class="w-full">
                        <h2 class="text-4xl font-bold text-gray-900 xl:text-4xl lg:text-4xl md:text-4xl"
                            style="line-height: 1.4em;">
                            Discover prompts by professions
                        </h2>
                        <p class="mt-4 text-base font-normal text-gray-600">

                        </p>

                        <div class="grid grid-cols-1 gap-6 mt-4 lg:grid-cols-4 md:grid-cols-3">
                            <a href="prompts/detail.html"
                                class="col-span-1 p-4 bg-white border border-gray-300 rounded-xl group">
                                <h3
                                    class="text-xl font-semibold text-gray-900 transition duration-300 group-hover:text-primary-500">
                                    Educators
                                </h3>
                                <p class="mt-2 text-sm text-gray-500 line-clamp-2">
                                    ChatGPT prompts for Educators
                                </p>
                            </a>
                            <a href="prompts/detail.html"
                                class="col-span-1 p-4 bg-white border border-gray-300 rounded-xl group">
                                <h3
                                    class="text-xl font-semibold text-gray-900 transition duration-300 group-hover:text-primary-500">
                                    Educators
                                </h3>
                                <p class="mt-2 text-sm text-gray-500 line-clamp-2">
                                    ChatGPT prompts for Educators
                                </p>
                            </a>
                            <a href="prompts/detail.html"
                                class="col-span-1 p-4 bg-white border border-gray-300 rounded-xl group">
                                <h3
                                    class="text-xl font-semibold text-gray-900 transition duration-300 group-hover:text-primary-500">
                                    Educators
                                </h3>
                                <p class="mt-2 text-sm text-gray-500 line-clamp-2">
                                    ChatGPT prompts for Educators
                                </p>
                            </a>
                            <a href="prompts/detail.html"
                                class="col-span-1 p-4 bg-white border border-gray-300 rounded-xl group">
                                <h3
                                    class="text-xl font-semibold text-gray-900 transition duration-300 group-hover:text-primary-500">
                                    Educators
                                </h3>
                                <p class="mt-2 text-sm text-gray-500 line-clamp-2">
                                    ChatGPT prompts for Educators
                                </p>
                            </a>
                            <a href="prompts/detail.html"
                                class="col-span-1 p-4 bg-white border border-gray-300 rounded-xl group">
                                <h3
                                    class="text-xl font-semibold text-gray-900 transition duration-300 group-hover:text-primary-500">
                                    Educators
                                </h3>
                                <p class="mt-2 text-sm text-gray-500 line-clamp-2">
                                    ChatGPT prompts for Educators
                                </p>
                            </a>
                            <a href="prompts/detail.html"
                                class="col-span-1 p-4 bg-white border border-gray-300 rounded-xl group">
                                <h3
                                    class="text-xl font-semibold text-gray-900 transition duration-300 group-hover:text-primary-500">
                                    Educators
                                </h3>
                                <p class="mt-2 text-sm text-gray-500 line-clamp-2">
                                    ChatGPT prompts for Educators
                                </p>
                            </a>
                            <a href="prompts/detail.html"
                                class="col-span-1 p-4 bg-white border border-gray-300 rounded-xl group">
                                <h3
                                    class="text-xl font-semibold text-gray-900 transition duration-300 group-hover:text-primary-500">
                                    Educators
                                </h3>
                                <p class="mt-2 text-sm text-gray-500 line-clamp-2">
                                    ChatGPT prompts for Educators
                                </p>
                            </a>
                            <a href="prompts/detail.html"
                                class="col-span-1 p-4 bg-white border border-gray-300 rounded-xl group">
                                <h3
                                    class="text-xl font-semibold text-gray-900 transition duration-300 group-hover:text-primary-500">
                                    Educators
                                </h3>
                                <p class="mt-2 text-sm text-gray-500 line-clamp-2">
                                    ChatGPT prompts for Educators
                                </p>
                            </a>
                            <a href="prompts/detail.html"
                                class="col-span-1 p-4 bg-white border border-gray-300 rounded-xl group">
                                <h3
                                    class="text-xl font-semibold text-gray-900 transition duration-300 group-hover:text-primary-500">
                                    Educators
                                </h3>
                                <p class="mt-2 text-sm text-gray-500 line-clamp-2">
                                    ChatGPT prompts for Educators
                                </p>
                            </a>
                            <a href="prompts/detail.html"
                                class="col-span-1 p-4 bg-white border border-gray-300 rounded-xl group">
                                <h3
                                    class="text-xl font-semibold text-gray-900 transition duration-300 group-hover:text-primary-500">
                                    Educators
                                </h3>
                                <p class="mt-2 text-sm text-gray-500 line-clamp-2">
                                    ChatGPT prompts for Educators
                                </p>
                            </a>
                            <a href="prompts/detail.html"
                                class="col-span-1 p-4 bg-white border border-gray-300 rounded-xl group">
                                <h3
                                    class="text-xl font-semibold text-gray-900 transition duration-300 group-hover:text-primary-500">
                                    Educators
                                </h3>
                                <p class="mt-2 text-sm text-gray-500 line-clamp-2">
                                    ChatGPT prompts for Educators
                                </p>
                            </a>
                            <a href="prompts/detail.html"
                                class="col-span-1 p-4 bg-white border border-gray-300 rounded-xl group">
                                <h3
                                    class="text-xl font-semibold text-gray-900 transition duration-300 group-hover:text-primary-500">
                                    Educators
                                </h3>
                                <p class="mt-2 text-sm text-gray-500 line-clamp-2">
                                    ChatGPT prompts for Educators
                                </p>
                            </a>
                        </div>
                    </div>
                </div>
            </section>

            <section class="bg-gray-100">

                <div
                    class="relative flex flex-col justify-center px-4 pt-8 pb-24 mx-auto sm:flex-row sm:px-6 md:px-8 max-w-8xl">

                    <div class="flex-grow">
                        <div class="">
                            <div class="">
                                <h2 class="inline-flex text-2xl font-semibold text-gray-900 group"
                                    style="line-height: 1.4em;">
                                    <a href="products/chatgpt.html" class="group-hover:text-primary-500">
                                        Best ChatGPT Products
                                        <span class="ml-2 text-sm font-semibold text-primary-500">
                                            View all
                                        </span>
                                    </a>
                                </h2>
                                <p class="mt-2 text-sm font-normal text-gray-600">
                                    Discover the best ChatGPT, Bing AI, GPT-3, Bard, and GPT-4 products
                                </p>
                            </div>
                            <div class="grid grid-cols-1 gap-8 mt-6 lg:grid-cols-3 md:grid-cols-2">
                                <div class="p-6 bg-white border border-gray-300 rounded-lg shadow-sm ">
                                    <div class="flex-auto" id="product-98b9a143-d9ae-41d4-afc3-df7716cc5ca3">


                                        <a href="#" class="text-sm font-medium text-gray-500">
                                            🪝 Extension
                                        </a>

                                        <h3 class="mt-2 text-base font-bold text-gray-700 uppercase">
                                            ChatGPT Export and Share
                                        </h3>
                                        <p class="mt-2 text-base text-gray-600 select-all">
                                            A Chrome extension for downloading your ChatGPT history to PNG, PDF or a
                                            sharable link
                                        </p>

                                        <a class="flex items-center mt-4 text-sm text-gray-500 " target="_blank"
                                            rel="noreferrer" href="#">
                                            URL
                                            <svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" fill="none"
                                                viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"
                                                aria-hidden="true">
                                                <path stroke-linecap="round" stroke-linejoin="round"
                                                    d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" />
                                            </svg> </a>

                                        <div class="flex items-center mt-4">

                                        </div>
                                    </div>
                                </div>
                                <div class="p-6 bg-white border border-gray-300 rounded-lg shadow-sm ">
                                    <div class="flex-auto" id="product-98b9a143-d9ae-41d4-afc3-df7716cc5ca3">


                                        <a href="#" class="text-sm font-medium text-gray-500">
                                            🪝 Extension
                                        </a>

                                        <h3 class="mt-2 text-base font-bold text-gray-700 uppercase">
                                            ChatGPT Export and Share
                                        </h3>
                                        <p class="mt-2 text-base text-gray-600 select-all">
                                            A Chrome extension for downloading your ChatGPT history to PNG, PDF or a
                                            sharable link
                                        </p>

                                        <a class="flex items-center mt-4 text-sm text-gray-500 " target="_blank"
                                            rel="noreferrer" href="#">
                                            URL
                                            <svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" fill="none"
                                                viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"
                                                aria-hidden="true">
                                                <path stroke-linecap="round" stroke-linejoin="round"
                                                    d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" />
                                            </svg> </a>

                                        <div class="flex items-center mt-4">

                                        </div>
                                    </div>
                                </div>
                                <div class="p-6 bg-white border border-gray-300 rounded-lg shadow-sm ">
                                    <div class="flex-auto" id="product-98b9a143-d9ae-41d4-afc3-df7716cc5ca3">


                                        <a href="#" class="text-sm font-medium text-gray-500">
                                            🪝 Extension
                                        </a>

                                        <h3 class="mt-2 text-base font-bold text-gray-700 uppercase">
                                            ChatGPT Export and Share
                                        </h3>
                                        <p class="mt-2 text-base text-gray-600 select-all">
                                            A Chrome extension for downloading your ChatGPT history to PNG, PDF or a
                                            sharable link
                                        </p>

                                        <a class="flex items-center mt-4 text-sm text-gray-500 " target="_blank"
                                            rel="noreferrer" href="#">
                                            URL
                                            <svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" fill="none"
                                                viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"
                                                aria-hidden="true">
                                                <path stroke-linecap="round" stroke-linejoin="round"
                                                    d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" />
                                            </svg> </a>

                                        <div class="flex items-center mt-4">

                                        </div>
                                    </div>
                                </div>
                                <div class="p-6 bg-white border border-gray-300 rounded-lg shadow-sm ">
                                    <div class="flex-auto" id="product-98b9a143-d9ae-41d4-afc3-df7716cc5ca3">


                                        <a href="#" class="text-sm font-medium text-gray-500">
                                            🪝 Extension
                                        </a>

                                        <h3 class="mt-2 text-base font-bold text-gray-700 uppercase">
                                            ChatGPT Export and Share
                                        </h3>
                                        <p class="mt-2 text-base text-gray-600 select-all">
                                            A Chrome extension for downloading your ChatGPT history to PNG, PDF or a
                                            sharable link
                                        </p>

                                        <a class="flex items-center mt-4 text-sm text-gray-500 " target="_blank"
                                            rel="noreferrer" href="#">
                                            URL
                                            <svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" fill="none"
                                                viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"
                                                aria-hidden="true">
                                                <path stroke-linecap="round" stroke-linejoin="round"
                                                    d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" />
                                            </svg> </a>

                                        <div class="flex items-center mt-4">

                                        </div>
                                    </div>
                                </div>
                                <div class="p-6 bg-white border border-gray-300 rounded-lg shadow-sm ">
                                    <div class="flex-auto" id="product-98b9a143-d9ae-41d4-afc3-df7716cc5ca3">


                                        <a href="#" class="text-sm font-medium text-gray-500">
                                            🪝 Extension
                                        </a>

                                        <h3 class="mt-2 text-base font-bold text-gray-700 uppercase">
                                            ChatGPT Export and Share
                                        </h3>
                                        <p class="mt-2 text-base text-gray-600 select-all">
                                            A Chrome extension for downloading your ChatGPT history to PNG, PDF or a
                                            sharable link
                                        </p>

                                        <a class="flex items-center mt-4 text-sm text-gray-500 " target="_blank"
                                            rel="noreferrer" href="#">
                                            URL
                                            <svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" fill="none"
                                                viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"
                                                aria-hidden="true">
                                                <path stroke-linecap="round" stroke-linejoin="round"
                                                    d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" />
                                            </svg> </a>

                                        <div class="flex items-center mt-4">

                                        </div>
                                    </div>
                                </div>
                                <div class="p-6 bg-white border border-gray-300 rounded-lg shadow-sm ">
                                    <div class="flex-auto" id="product-98b9a143-d9ae-41d4-afc3-df7716cc5ca3">


                                        <a href="#" class="text-sm font-medium text-gray-500">
                                            🪝 Extension
                                        </a>

                                        <h3 class="mt-2 text-base font-bold text-gray-700 uppercase">
                                            ChatGPT Export and Share
                                        </h3>
                                        <p class="mt-2 text-base text-gray-600 select-all">
                                            A Chrome extension for downloading your ChatGPT history to PNG, PDF or a
                                            sharable link
                                        </p>

                                        <a class="flex items-center mt-4 text-sm text-gray-500 " target="_blank"
                                            rel="noreferrer" href="#">
                                            URL
                                            <svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" fill="none"
                                                viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"
                                                aria-hidden="true">
                                                <path stroke-linecap="round" stroke-linejoin="round"
                                                    d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" />
                                            </svg> </a>

                                        <div class="flex items-center mt-4">

                                        </div>
                                    </div>
                                </div>


                            </div>
                        </div>

                    </div>
                </div>

            </section>

            <div class="hidden login-modal">
                <h2 class="text-lg font-medium text-gray-500">Please login to bookmark, upvote, comment, submit, and
                    download prompts</h2>
            </div>

            <div>
            </div>

        </div>



        <div class="mx-auto bg-[#fdfdfd] border-t border-gray-300">
            <footer class="px-4 pt-12 pb-0 mx-auto sm:px-6 md:px-8 max-w-8xl">
                <div class="md:flex md:justify-between">
                    <div class="mb-6 md:mb-0 sm:w-3/12">
                        <a href="index.html" alt="PromptVine Logo" class="inline-block">
                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" width="175" height="87"
                                viewBox="0 0 839 153">
                                <path fill="#212121"
                                    d="M164.322 116V33.957h28.715c6.407 0 11.72 1.093 15.94 3.281 4.219 2.11 7.344 5.04 9.376 8.79 2.11 3.673 3.164 7.853 3.164 12.542 0 4.453-1.015 8.556-3.047 12.306-1.953 3.673-5.04 6.603-9.259 8.79-4.219 2.188-9.611 3.282-16.174 3.282h-16.292V116h-12.423Zm12.423-43.249h15.706c5.86 0 10.04-1.25 12.541-3.75 2.578-2.579 3.867-6.056 3.867-10.431 0-4.532-1.289-8.048-3.867-10.549-2.501-2.578-6.681-3.868-12.541-3.868h-15.706v28.598ZM233.329 116V57.866h11.134l1.055 11.018c2.031-3.829 4.844-6.837 8.439-9.025 3.672-2.266 8.087-3.399 13.244-3.399v13.01h-3.399c-3.438 0-6.525.586-9.259 1.758-2.657 1.094-4.806 3.008-6.447 5.743-1.562 2.656-2.344 6.368-2.344 11.134V116h-12.423Zm70.113 1.406c-5.548 0-10.549-1.25-15.002-3.75-4.376-2.579-7.853-6.134-10.432-10.666-2.578-4.61-3.867-9.962-3.867-16.057 0-6.094 1.289-11.408 3.867-15.94 2.657-4.61 6.212-8.165 10.666-10.665 4.454-2.579 9.415-3.868 14.885-3.868 5.548 0 10.509 1.29 14.885 3.868 4.454 2.5 7.97 6.055 10.548 10.665 2.657 4.532 3.985 9.846 3.985 15.94 0 6.095-1.328 11.447-3.985 16.057-2.578 4.532-6.094 8.087-10.548 10.666-4.454 2.5-9.454 3.75-15.002 3.75Zm0-10.665c2.969 0 5.704-.742 8.204-2.227 2.579-1.485 4.649-3.672 6.212-6.563 1.563-2.97 2.344-6.642 2.344-11.018 0-4.375-.781-8.009-2.344-10.9-1.485-2.969-3.516-5.196-6.095-6.68-2.5-1.485-5.235-2.227-8.204-2.227-2.969 0-5.743.742-8.321 2.227-2.501 1.484-4.532 3.711-6.095 6.68-1.563 2.891-2.344 6.525-2.344 10.9 0 4.376.781 8.048 2.344 11.017 1.563 2.892 3.594 5.079 6.095 6.564 2.5 1.485 5.235 2.227 8.204 2.227ZM346.413 116V57.866h11.017l1.055 8.205a20.548 20.548 0 0 1 7.384-7.032c3.125-1.72 6.72-2.579 10.783-2.579 9.22 0 15.627 3.633 19.221 10.9 2.11-3.36 4.923-6.017 8.439-7.97 3.594-1.953 7.462-2.93 11.603-2.93 7.267 0 12.971 2.188 17.112 6.563 4.142 4.376 6.212 10.9 6.212 19.574V116h-12.424V83.886c0-11.252-4.297-16.878-12.892-16.878-4.376 0-7.97 1.641-10.783 4.923-2.735 3.282-4.102 7.97-4.102 14.065V116h-12.424V83.886c0-11.252-4.336-16.878-13.01-16.878-4.297 0-7.852 1.641-10.665 4.923-2.735 3.282-4.102 7.97-4.102 14.065V116h-12.424Zm107.361 25.785V57.866h11.135l1.289 9.025c1.875-2.735 4.454-5.157 7.736-7.267 3.281-2.11 7.501-3.164 12.658-3.164 5.626 0 10.587 1.328 14.885 3.985 4.297 2.657 7.657 6.29 10.079 10.9 2.501 4.61 3.751 9.845 3.751 15.705 0 5.86-1.25 11.096-3.751 15.706-2.422 4.532-5.782 8.126-10.079 10.783-4.298 2.578-9.298 3.867-15.002 3.867-4.532 0-8.556-.898-12.073-2.695-3.438-1.797-6.172-4.337-8.204-7.619v34.693h-12.424Zm30.591-35.161c5.313 0 9.689-1.798 13.127-5.392 3.438-3.672 5.157-8.439 5.157-14.299 0-3.829-.782-7.227-2.344-10.197-1.563-2.969-3.712-5.274-6.447-6.915-2.734-1.719-5.899-2.578-9.493-2.578-5.313 0-9.689 1.836-13.127 5.508-3.36 3.673-5.04 8.4-5.04 14.182 0 5.86 1.68 10.627 5.04 14.299 3.438 3.594 7.814 5.392 13.127 5.392ZM550.834 116c-5.704 0-10.236-1.367-13.596-4.102-3.36-2.813-5.04-7.775-5.04-14.885V68.298h-9.962V57.866h9.962l1.524-14.767h10.9v14.767h16.409v10.432h-16.409v28.715c0 3.203.664 5.43 1.992 6.68 1.407 1.173 3.79 1.759 7.15 1.759h6.681V116h-9.611Z" />
                                <path fill="#22C563"
                                    d="m597.75 116-30.004-82.043h16.057l23.207 66.689 23.323-66.69h15.823L616.152 116H597.75Zm65.895-67.158c-2.735 0-5.001-.82-6.798-2.462-1.719-1.64-2.578-3.711-2.578-6.212 0-2.5.859-4.531 2.578-6.094 1.797-1.641 4.063-2.461 6.798-2.461 2.735 0 4.962.82 6.681 2.46 1.797 1.564 2.696 3.595 2.696 6.096 0 2.5-.899 4.57-2.696 6.211-1.719 1.641-3.946 2.462-6.681 2.462ZM656.144 116V57.866h15.002V116h-15.002Zm30.661 0V57.866h13.244l1.172 9.846c1.797-3.438 4.376-6.173 7.736-8.205 3.438-2.031 7.462-3.047 12.072-3.047 7.188 0 12.775 2.266 16.76 6.798 3.985 4.532 5.978 11.173 5.978 19.925V116h-15.003V84.59c0-5.002-1.015-8.83-3.047-11.487-2.031-2.657-5.196-3.985-9.494-3.985-4.219 0-7.696 1.485-10.431 4.454-2.656 2.969-3.985 7.11-3.985 12.424V116h-15.002Zm99.554 1.406c-5.861 0-11.057-1.25-15.589-3.75s-8.087-6.017-10.665-10.549c-2.579-4.531-3.868-9.767-3.868-15.705 0-6.017 1.25-11.369 3.751-16.057 2.578-4.688 6.094-8.322 10.548-10.9 4.532-2.657 9.845-3.985 15.94-3.985 5.704 0 10.744 1.25 15.119 3.75 4.376 2.5 7.775 5.939 10.197 10.315 2.5 4.297 3.751 9.102 3.751 14.416 0 .86-.039 1.758-.118 2.695 0 .938-.039 1.915-.117 2.93h-44.186c.313 4.532 1.875 8.088 4.688 10.666 2.891 2.579 6.368 3.868 10.431 3.868 3.048 0 5.587-.664 7.619-1.993 2.109-1.406 3.672-3.203 4.688-5.391h15.237c-1.094 3.672-2.931 7.032-5.509 10.08-2.5 2.969-5.626 5.313-9.376 7.032-3.673 1.719-7.853 2.578-12.541 2.578Zm.117-48.757c-3.673 0-6.915 1.055-9.728 3.165-2.813 2.031-4.61 5.157-5.392 9.376h28.95c-.234-3.828-1.641-6.876-4.219-9.142-2.579-2.266-5.782-3.399-9.611-3.399Z" />
                                <path fill="#000"
                                    d="m43.32 61.03-5.803-21.376L16 45.317l5.804 21.517L43.32 61.03Zm0 31.426-21.516-5.804L16 108.169l21.517 5.662 5.804-21.375Zm27.18 15.713-15.713 15.713L70.5 139.595l15.713-15.713L70.5 108.169Zm27.18-15.713 5.803 21.517L125 108.169l-5.804-21.517-21.517 5.804Zm0-31.426 21.516 5.804L125 45.317l-21.517-5.663-5.804 21.376ZM70.5 45.317l15.713-15.713L70.5 13.89 54.787 29.604 70.5 45.317Z" />
                            </svg>




                        </a>
                        <div class="mt-3">
                            <p class="text-base text-gray-500">
                                PromptVine is a community that provides a variety of useful prompts to help you use
                                ChatGPT and AI Chatbots effectively. By joining our community and exploring the prompts,
                                you can learn how to transform your conversations with the help of AI Chatbots like
                                ChatGPT, Bing, GPT-4, and more.
                            </p>

                            <a data-splitbee-event="Download - Footer" target="_blank" href="#"
                                class="inline-block px-3 py-2 mt-4 text-white rounded-lg bg-primary-500 hover:opacity-90">
                                Download All Prompts
                            </a>

                        </div>
                    </div>


                    <div
                        class="grid w-full grid-cols-1 gap-8 mt-6 sm:w-8/12 sm:mt-0 sm:gap-6 lg:grid-cols-3 md:grid-cols-2">

                        <div class="flex flex-col col-span-1">
                            <h3 class="mb-6 text-base font-semibold text-gray-900">
                                Categories
                            </h3>
                            <a href="#" target="_self"
                                class="inline-block mb-2 text-base text-gray-700 hover:text-primary-500">
                                📖 Storytelling
                            </a>

                            <a href="#" target="_self"
                                class="inline-block mb-2 text-base text-gray-700 hover:text-primary-500">
                                📝 Writing
                            </a>
                            <a href="#" target="_self"
                                class="inline-block mb-2 text-base text-gray-700 hover:text-primary-500">
                                💭 Opinion
                            </a>
                            <a href="#" target="_self"
                                class="inline-block mb-2 text-base text-gray-700 hover:text-primary-500">
                                💼 Career Development
                            </a>
                            <a href="#" target="_self"
                                class="inline-block mb-2 text-base text-gray-700 hover:text-primary-500">
                                💻 Coding and Programming
                            </a>

                            <a href="#" target="_self"
                                class="inline-block mb-2 text-base text-gray-700 hover:text-primary-500">
                                🤣 Humor
                            </a>
                            <a href="#" target="_self"
                                class="inline-block mb-2 text-base text-gray-700 hover:text-primary-500">
                                🎓 Education &amp; Tutoring
                            </a>
                            <a href="#" target="_self"
                                class="inline-block mb-2 text-base text-gray-700 hover:text-primary-500">
                                🐕‍🦺 Animals &amp; Pets
                            </a>
                        </div>
                        <div class="flex flex-col col-span-1">
                            <h3 class="mb-6 text-base font-bold text-gray-700">Resource</h3>
                            <a href="#" target="_self"
                                class="inline-block mb-2 text-base text-gray-700 hover:text-primary-500">
                                ChatGPT Prompts
                            </a>
                            <a href="#" target="_self"
                                class="inline-block mb-2 text-base text-gray-700 hover:text-primary-500">
                                ChatGPT Products
                            </a>
                            <a href="#" target="_self"
                                class="inline-block mb-2 text-base text-gray-700 hover:text-primary-500">
                                ChatGPT Blog
                            </a>
                        </div>
                        <div class="col-span-1">
                            <div class="mt-0 lg:mt-0">
                                <div>
                                    <h2 class="text-xl font-medium text-gray-900">Get AI Chatbot Prompts and Insights
                                        Straight to Your Inbox!</h2>
                                    <p class="max-w-lg mt-4 text-gray-500">
                                        Join our newsletter and stay up-to-date with the latest AI chatbot prompts and
                                        industry insights. Sign up now and stay ahead of the game!
                                    </p>
                                </div>
                                <div class="ml-embedded" data-form="tddCbW"></div>
                            </div>
                        </div>
                    </div>
                </div>


                <div class="py-8 mt-6 border-t border-gray-300">
                    <div class="flex flex-wrap justify-between">

                        <div class="">
                            <div class="flex flex-wrap">

                                <span class="block mb-0 mr-2 text-sm text-gray-500 sm:mb-2">
                                    © 2023 PromptVine
                                </span>
                                <span class="block mb-0 mr-2 text-sm text-gray-500 sm:mb-2">
                                    /
                                </span>
                                <a href="#"
                                    class="inline-block mb-0 mr-2 text-sm text-gray-500 hover:text-gray-900 sm:mb-2">
                                    A product by LaunchList
                                </a>

                            </div>
                        </div>

                    </div>
                </div>
            </footer>

        </div>



    </div>





    <!-- Livewire Component wire-end:wXgPgQlpSwLr2fXMwwa7 -->
    <script src="js/app.js"></script>


</body>

</html>